function drawArea(t,d) {
    // setup plot
    var options = {
        yaxis: { min: null, max: null },
        xaxis: { min: null, max: null, mode: "time"},
        colors: ["#F90", "#3C4049", "#666", "#BBB"],
        series: {
            lines: {
                lineWidth: 2,
                fill: true,
                fillColor: { colors: [{ opacity: 0.6 }, { opacity: 0.2}] },
                steps: false

            }
        }
    };

    var plot = $.plot(t, d, options);
}

 //$(function () {
//	// we use an inline data source in the example, usually data would
//	// be fetched from a server
//	var data = [], totalPoints = 200;
//	function getRandomData() {
//		if (data.length > 0)
//			data = data.slice(1);

//		while (data.length < totalPoints) {
//			var prev = data.length > 0 ? data[data.length - 1] : 50;
//			var y = prev + Math.random() * 10 - 5;
//			if (y < 0)
//				y = 0;
//			if (y > 100)
//				y = 100;
//			data.push(y);
//		}

//		var res = [];
//		for (var i = 0; i < data.length; ++i)
//			res.push([i, data[i]])
//		return res;
//	}

//	// setup plot
//	var options = {
//		yaxis: { min: 0, max: 100 },
//		xaxis: { min: 0, max: 100 },
//		colors: ["#F90", "#3C4049", "#666", "#BBB"],
//		series: {
//				   lines: { 
//						lineWidth: 2, 
//						fill: true,
//						fillColor: { colors: [ { opacity: 0.6 }, { opacity: 0.2 } ] },
//						steps: false

//					}
//			   }
//	};
//	
//	var plot = $.plot($("#area-chart"), [ getRandomData() ], options);
//});